{% extends "news/news_list.html" %}
{% block subtitle_content%}
{% url 'new_view' as new_url %}
    <br>
        <div class="c-m-list">
            <div class="c-m-news-details-h1">
                <h1>{{ news.title }}</h1>
            </div>
            <div class="c-m-news-details-h2">
                <h2>发布时间：{{ news.pub_time | date:"Y-m-d H:i:s" }} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点击次数：{{news.view_times}}</h1>
            </div>

            <div class="c-m-news-details-cont">
                {% autoescape off %}
                    {{news.content}}
                {% endautoescape %}
            </div>

            <div class="cp-details-notebar">
                <div class="pull-left cp-details-notebar-p">
                    {% if previous_obj %}
                        <p><a href="{% url 'new_details' previous_obj.id %}?nav_id={{localnav.id}}" target="_self">上一条:{{previous_obj.title}}</a></p>
                    {%else%}
                        <p><a href="#" target="_self">上一条: 没有啦!</a></p>
                    {% endif %}

                    {% if next_obj %}
                       <p> <a href="{% url 'new_details' next_obj.id %}?nav_id={{localnav.id}}" target="_self">下一条:{{next_obj.title}}</a></p>
                    {%else%}
                       <p><a href="#" target="_self">下一条: 没有啦!</a></li></p>
                    {% endif %}

                </div>
                <div class="pull-right">
                    <a href="{{new_url}}?news_type={{local_news_type}}&nav_id={{localnav.id}}" class="btn-back-active-l">返回列表 > </a>
                </div>
            </div>
            <div class="cp-details-list-foot">
                <h2>您感兴趣的文章</h2>
                <ul class=" c-m-news-fav-footul ">
                    {%for new in interested_news%}
                        <li><a href="{% url 'new_details' new.id %}?nav_id={{localnav.id}}" class="c-m-news-fav-footul-l-a">{{new.title}}</a><span class="pull-right">{{ news.pub_time | date:"[Y-m-d]" }}</span></li>
                    {%endfor%}
                </ul>
            </div>
        </div>
    </div>

    </p>
{% endblock %}

<script>
    $(function(){
        $("#layerslider").layerSlider({
            pauseOnHover: false,
            responsive:false,
            responsiveUnder:1024,
            layersContainer:1024,
            navPrevNext:false,
            navStartStop:false,
            navButtons:false,
            showBarTimer:true,
            showCircleTimer:false,
            tnWidth:100,
            tnActiveOpacity:10,
            hoverBottomNav:true,
            globalBGColor:'#fff',
            towWaySlideshow:true,
            autoStart:true,
            skinsPath: '/static/javascript/layerslider/skins/',
            skin: 'v5'
        });
    });
</script>
</body>
</html>


